<tr:document xmlns:ui="http://java.sun.com/jsf/facelets"
             xmlns:h="http://java.sun.com/jsf/html"
             xmlns:f="http://java.sun.com/jsf/core"
             xmlns:tr="http://myfaces.apache.org/trinidad"
             xmlns:trh="http://myfaces.apache.org/trinidad/html" title="Myfoon"
             styleClass="MyFoonFullPage">
    <trh:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0; user-scalable=0;" />        
        <link rel="stylesheet" type="text/css"
              href="${facesContext.externalContext.request.contextPath}/myfoon_iphone/style/iphone_login.css"/>
    </trh:head>
    <tr:form>        
        <tr:panelHeader id="panelHeader" styleClass="toolbar" text="Myfoon">           
        </tr:panelHeader>
        <div class="Content1">
        <tr:panelGroupLayout layout="vertical">            
            <tr:outputText value="#{messages['global.email']}" inlineStyle="font-weight: bold; color: 02243c;" />
            <tr:inputText styleClass="iphone_input"
                          value="#{LoginBean.user.email}"/>                          
            <tr:outputText value="#{messages['global.password']}" inlineStyle="font-weight: bold; color: 02243c;"/>
            <tr:inputText styleClass="iphone_input" secret="true"
                          value="#{LoginBean.user.passwd}"/>
            <tr:commandButton text="#{messages['global.login2']}"                                      
                              action="#{LoginBean.loginiphone}"
                              styleClass="iphone_loginbutton"/>            
        </tr:panelGroupLayout>
        </div>
        
        <div class="Content1">
        <tr:panelGroupLayout layout="vertical">
            <f:facet name="separator">
                <tr:spacer height="3px"/>
            </f:facet>
            <tr:outputText value="New on Myfoon?" inlineStyle="font-weight: bold; color: #02243c; font-size: 26px;" />
            <tr:goLink text="Touch here to Sign Up >>"
                               styleClass="iphone_sl" destination="/iphone/signup"/>
        </tr:panelGroupLayout>
        </div>
     </tr:form>
</tr:document>